<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head th:include="css :: css">

</head>
<style>
    .block-flat .form-group {
        margin: 0 !important;
        padding: 0 !important;
    }
</style>
<body style="overflow: hidden;opacity: 1">

<div id="cl-wrapper" style="padding-top: 0">
    <div class="container-fluid" >
        <div class="cl-mcont">
            <div class="row">
                <div class="col-md-12">
                    <div class="block-flat">
                        <form class="form-horizontal group-border-dashed">
                            <div class="form-group">
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="开始" id="startTime"/>
                                </div>
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="结束" id="endTime"/>
                                </div>
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="批次号" id="batchId"/>
                                </div>
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="面值" id="face"/>
                                </div>
                                <div class="input-group">
                                    <select class="form-control" id="productType">
                                        <option value="">运营商</option>
                                        <option value="1">移动</option>
                                        <option value="2">联通</option>
                                        <option value="3">电信</option>
                                        <option value="15">远特</option>
                                        <option value="16">迪信通</option>
                                        <option value="20">蜗牛</option>
                                        <option value="300">中石化</option>
                                        <option value="301">油你卡</option>
                                        <option value="310">中石油</option>
                                        <option value="302">中石化无卡号</option>
                                        <option value="303">中石油无卡号</option>
                                    </select>
                                </div>

                                <div class="input-group">
                                    <select class="form-control" id="state" name="state">
                                        <option value="">申请状态</option>
                                        <option value="0">在售</option>
                                        <option value="1">已售</option>
                                        <option value="2">停售</option>
                                        <option value="3">可售</option>
                                        <option value="4">未预判面值</option>
                                        <option value="5">预判面值不符</option>
                                        <option value="7">等待慢速试充</option>
                                        <option value="8">慢速试充</option>
                                        <option value="9">待结算</option>
                                        <option value="10">纠纷中</option>
                                        <option value="50">补结算</option>
                                    </select>
                                </div>
                                <div class="input-group">
                                    <button class="btn btn-primary" type="button" id="search"><i
                                            class="fa fa-search"></i>查询
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="block-flat">
                        <div class="content">
                            <div class="table-responsive">
                                <table class="table hover" id="dataTable">
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

</div>
<div th:include="js :: js"></div>
<script type="text/javascript" src="/js/conttab_child.js"></script>
<script type="text/javascript" src="/js/pageJs/order/batchList.js?deVersion=20180810752"></script>
<script>
    var batchId = GetQueryString("batchId");
    var startTime = GetQueryString("startTime");
    var endTime = GetQueryString("endTime");
    if (batchId != null && batchId != '' || startTime != null && startTime != '' && endTime != null && endTime != '') {
        $("#batchId").val(batchId);
        $("#startTime").val(startTime);
        $("#endTime").val(endTime);
        $("#search").click();
    }
</script>
</body>
</html>
